<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body style="height:2000px">
    <!-- 
        BOM (Browser  Object  Model) 浏览器对象模型
        window.属性      window.方法（）

        window.属性 
        window.document   document是window的属性，但是它自己也是一个对象   document.getElementById()
        window.location
        window.navigator
        widow.screen
        window.history

        window是顶层对象 可以省略

        window.属性      innerWidth  返回窗口的文档显示区的宽度。    掌握
                        innerHeight   返回窗口的文档显示区的高度。
                       pageYoffset   页面卷进去的距离   (拉滚动条)
                方法    alert()   confirm()    focus()把键盘焦点给予一个窗口。 自动获焦  prompt()
                        clearInterval()   清除定时器     setInterval() 周期调用
                        clearTimeout()    清除定时器      setTimeout()  延迟调用

                        getComputedStyle()	获取指定元素的 CSS 样式。  window.getComputedStyle(节点对象，null).样式名
                        scrollTo(x,y)	把内容滚动到指定的坐标。

     -->
     <script>
        console.log(window.innerWidth,innerWidth);
        console.log(window.innerHeight);

        console.log(window.pageYOffset);

        alert('hello');
        window.alert('hello')
     </script>
</body>
</html>